<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小站首页</title>
<link id="list" type="text/css" rel="stylesheet" href="css/common.css">
<link id="list" type="text/css" rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="dist/pageSwitch.min.css">
</head>
<body>
<div class="header">
    <div class="container">
        <a href="/" class="logo">LOGO</a>
        <div class="">
            <ul class="nav">
                <li class="nav_index active">
                    <a href="index.html">首页</a>
                </li>
                <li class="nav_service ">
                    <a href="list.html">留学机构</a>
                </li>
                <li class="nav_vip">
                    <a href="fillForm.html">留学评测</a>
                </li>
                <li class="nav_tutor">
                    <a href="aboutUs.html">关于我们</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="banner">
	<div id="container">
		<div class="sections">
			<div class="section" id="section0"><h3>this is the page1</h3></div>
			<div class="section" id="section1"><h3>this is the page2</h3></div>
			<div class="section" id="section2"><h3>this is the page3</h3></div>
			<div class="section" id="section3"><h3>this is the page4</h3></div>
		</div>
	</div>
	<div class="sign">
        <form  role="form" method="post" class="form" >
            <div class="form_title">快速选择留学机构</div>
            <ul>
                <li class="ico name">
                    <input type="text" class="form-control required" placeholder="姓名" id="name">
                </li>
                <li class="ico phone">
                    <input type="text" class="form-control required" placeholder="联系电话" id="phone">
                </li>

                <li class="ico pwd">
                    <input type="text" name="nation" class="form-control required" placeholder="想要去的国家" id="nation">
                </li>
            </ul>
            <button type="button" class="btn" onclick="commitConsulting()">提交申请</button>
        </form>
    </div>
</div>
<div class="agency">
    <div class="agencyWrap">
        <h1>OVERSEAS AGENCY</h1>
        <p class="miaoshu">推荐的留学中介</p>
        <ul class="agencyList">
            <li>
                <div>
                    <img src="images/zhongjie01.jpg">
                </div>
                <p>IDP诺思留学</p>
            </li>
            <li>
                <div>
                    <img src="images/zhongjie02.jpg">
                </div>
                <p>顺顺留学</p>
            </li>
            <li>
                <div>
                    <img src="images/zhongjie03.jpg">
                </div>
                <p>上海金矢</p>
            </li>
            <li>
                <div>
                    <img src="images/zhongjie04.jpg">
                </div>
                <p>阳光嘉华（华恒）</p>
            </li>
            <li>
                <div>
                    <img src="images/zhongjie05.jpg">
                </div>
                <p>新通国际</p>
            </li>
            <li>
                <div>
                    <img src="images/zhongjie06.jpg">
                </div>
                <p>天道留学</p>
            </li>
            <li>
                <div>
                    <img src="images/zhongjie07.jpg">
                </div>
                <p>金吉列留学</p>
            </li>
            <li>
                <div>
                    <img src="images/zhongjie08.jpg">
                </div>
                <p>新航道留学</p>
            </li>
        </ul>
        <div>
            <a href="fillForm.html"><input type="button" value="预约机构" class="btn book"></a>
        </div>
    </div>
</div>
<div class="teacher">
    <div class="teacherWrap">
        <h1>OUR MENTOR</h1>
        <p class="miaoshu">我们的导师顾问</p>
        <ul class="teacherList">
            <li class="seaout-man"> 
                <img src="images/teacher06.jpg">
                <p>马怡尔</p>
                <p>资深美籍华人</p>
            </li>
             <li class="seaout-man"> 
                <img src="images/teacher01.jpg">
                <p>徐瑞青</p>
                <p>新浪五星金牌顾问</p>
            </li>
             <li class="seaout-man"> 
                <img src="images/teacher04.jpg">
                <p>钤文文</p>
                <p>加拿大留学资深顾问</p>
            </li>
             <li class="seaout-man"> 
                <img src="images/teacher05.jpg">
                <p>宋雪铭</p>
                <p>美国商科MBA毕业</p>
            </li>
             <li class="seaout-man"> 
                <img src="images/teacher02.jpg">
                <p>魏长荣</p>
                <p>英港咨询资深顾问</p>
            </li>
             <li class="seaout-man"> 
                <img src="images/teacher03.jpg">
                <p>Roland</p>
                <p>天道总监</p>
            </li>
             <li class="seaout-man"> 
                <img src="images/teacher07.jpg">
                <p>陈希</p>
                <p>意大利马可波罗资深顾问</p>
            </li>
             <li class="seaout-man"> 
                <img src="images/20160318045143559.jpg">
                <p>王佩</p>
                <p>低龄留学申请资深顾问</p>
            </li>
        </ul>
        <div>
            <a href="fillForm.html"><input type="button" value="预约导师" class="btn book"></a>
        </div>
    </div>
</div>
<!-- <div id="footer" class="footer">
    <div class="footerWrap">
        <dl class="d_10 footerDl">
            <dt>再次浏览</dt>
            <dd><a href="index.html">首页</a></dd>
            <dd><a href="list.html">留学机构</a></dd>
            <dd><a href="fillForm.html">留学评测</a></dd>
            <dd><a href="aboutUs">关于我们</a></dd>
        </dl>
        <dl class="d_10 footerDl">
            <dt>友情链接<span class="hidden visible-xs-inline">：</span></dt>
            <dd><a href="http://www.ispe.com.cn" target="_blank">北京少儿英语培训</a><span class="hidden visible-xs-inline">、</span></dd>
            <dd><a href="http://ietls.yinuoedu.net" target="_blank">雅思考试</a><span class="hidden visible-xs-inline">、</span></dd>
        </dl>
        <dl class="d_10 footerDl">
            <dd><a href="http://major.liuxue.com" target="_blank">留学专业</a></dd>
        </dl>
        <div class="d_10 gongzhonghao">
            <h4 class="">关注公众号获取福利</h4>
            <p>小站公众号不仅会推送最新的留学资讯，更有各种文书范文、托福雅思备考资料等大量干货等您来拿哦！还等什么？赶紧扫一扫拿干货啦！</p>
        </div>
        <div class="d_10 erweima">
            <a><img src="images/weixin_code.png" alt="" class="wechat"></a>
        </div>
    </div>
</div> -->
<div class="foot-index">
    <a href="http://www.zhan.com/aboutus/right" target="_blank">版权申明</a>|
    <a href="http://www.zhan.com/aboutus/privacy" target="_blank">隐私保护</a>|
    <a href="http://www.zhan.com/aboutus/feedback" target="_blank">意见反馈</a>|
    <a href="http://www.zhan.com/aboutus/contactus" target="_blank">联系我们</a>|
    <a href="http://www.zhan.com/aboutus/aboutus" target="_blank">关于我们</a>|
    <a href="http://www.zhan.com/aboutus/map" target="_blank">网站地图</a>|
            <a href="http://www.zhan.com/newslist/toefl" target="_blank">最新资讯</a>
        <br><br>
    <div id="zhancom_wbgb_meg">
    ©2009-2017 ZHAN.com All Rights Reserved. <a href="http://www.miibeian.gov.cn"> 沪ICP备15003744号-3</a>
    </div>
    <script src="http://d.zhan.com/zhan/models/model34/download/zhancommsg.js"></script>
</div>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="dist/pageSwitch.min.js"></script>
<script src="http://cdn1.lncld.net/static/js/2.5.0/av-min.js"></script>
<script>
	$("#container").PageSwitch({
		direction:'horizontal',
		easing:'ease-in',
		duration:1000,
		autoPlay:true,
		loop:'false'
	});	
	
	function commitConsulting(){	
		var name = $("#name").val().replace(/\s/g,"");
		var phone = $("#phone").val().replace(/\s/g,"");
		var nation = $("#nation").val().replace(/\s/g,"");
	
		if(name.length> 10){
			alert("您输入的名字太长了！");  
			return; 
		}
		if(nation.length> 8){
			alert("您输入的国家名称太长了！");  
			return; 
		}
		if(!(/^1(3|4|5|7|8)\d{9}$/.test(phone.trim()))){ 
			alert("请输入正确的手机号码！");  
			return; 
		} 

		var APP_ID = '2sEEFCDWhQvQRiFu7lJNm9EO-gzGzoHsz';
		var APP_KEY = 'nM6fAYBp1f2OanAv5eFQMzy7';
		AV.init({appId: APP_ID,appKey: APP_KEY});
		
		var Forms = AV.Object.extend("StudyConsulting");
		var formObject = new Forms();
		
		formObject.save({
			type:2,
			name:name,
			phone:phone,
			nation:nation
		}).then(function(object) {
			window.indexUrl = window.location.protocol + window.location.pathname;
			window.location.href=indexUrl.replace('index','appointment');
		});
	}
	
</script>

</body>
</html>